<template>
 <div class="mvs">
      <h3 class="title">推荐MV</h3>
      <div class="items">
        <div class="item" v-for="(item,index) in mvslist" :key="index">
          <div class="img-wrap">
            <img :src="item.picUrl" alt="" />
            <span class="iconfont icon-play"></span>
            <div class="num-wrap">
              <div class="iconfont icon-play"></div>
              <div class="num">{{item.playCount}}</div>
            </div>
          </div>
          <div class="info-wrap">
            <div class="name">{{item.name}}</div>
            <div class="singer">{{item.artistName}}</div>
          </div>
        </div>     
      </div>
    </div>  
</template>
<script>
import axios from 'axios'
export default {
    name:'mvs',
    data(){
      return{
        mvslist:[]
      }
    },
    created(){
      axios({
        url:'https://autumnfish.cn/personalized/mv',
        method:'get'
      }).then(res=>{
        /* console.log(res) */
        this.mvslist=res.data.result
      })
    }
}
</script>
<style>
</style>